<template>
	<div id="app">
			<router-view></router-view>
	</div>
</template>
<style>
* {
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  height: 100%;
}
</style>

<script>
export default {
  data() {
    return {
      styleObject: {},
    };
  },

  created() {
    // this.getHeight();
  },
  methods: {
    getHeight() {
      // 获取浏览器高度，减去顶部导航栏的值，70该值也可以动态获取
      this.styleObject.height = window.innerHeight + "px";
      console.log(this.styleObject.height, "浏览器高度");

      this.styleObject.width = window.innerWidth + "px";
      console.log(this.styleObject.width, "浏览器宽度");
    },
  },
  // destroyed() {

  // 	window.removeEventListener('resize', this.getHeight)

  // },
};
</script>
